// JavaScript Document


$(function(){
	
	var monto = 0;
	var interes = 1.1;
	var cuotas = 1;
	var valorCredito = 0;
	var valores = [];
	var plot1 = null;
	
	function calcularMonto(){
		
		monto = (valorCredito * interes) / cuotas;
		//monto = (( valorCredito ) / parseInt( cuotas ) ) + (( parseInt(valorCredito) * interes ) * ( parseInt( cuotas ) / 12 ));
		valores = [];
		for (var i=1; i<cuotas; i+=1){
			valores.push([i, monto]);
		}
		$( "#CanvasGraphs" ).html("");
		plot1 = $.jqplot ('CanvasGraphs', [valores]);
		
		
		
	}
	
	function calcularCuotas(){
		
		cuotas  = (valorCredito * interes) / monto;
		valores = [];
		for (var i=1; i<cuotas; i+=1){
			valores.push([i, monto]);
		}
		$( "#CanvasGraphs" ).html("");
		plot1 = $.jqplot ('CanvasGraphs', [valores]);
		
		
		
	}
	
	
	
	$( "#slider-monto" ).slider({
			range: "min",
			min: 10000,
			max: 1000000,
			value: monto,
			slide: function( event, ui ) {
				$( "#monto" ).val( parseInt( ui.value ) );
				monto = ui.value;
				calcularCuotas();
				
				$( "#cuota" ).val( parseInt( cuotas ) );
			}
		});
	
	
	$( "#slider-cuotas" ).slider({
			value:cuotas,
			min: 3,
			max: 252,
			step: 3,
			slide: function( event, ui ) {
				$( "#cuota" ).val( parseInt( ui.value ) );
				cuotas = ui.value;
				calcularMonto();
				
				$( "#monto" ).val( parseInt( monto ) );
			}
		});
	
	
	
	
	
	
	
	
	function seleccionarTipoCredito(event){
		$(".tipoCreditoBtn").css("background-color","#bbb");
		$(this).css("background-color","#9c0");
		
		$('#datosPignoracion').css('display', "none");
		
		$('#configuracionSimulador').css('display', "block");
		
		if($(this).attr('id') == "creditoVivienda" || $(this).attr('id') == "creditoVehiculo"){
			$('#datosPignoracion').css('display', "block");
			valorCredito = 0;
			cuotas = 1;
			monto = 0;
			$( "#valorCredito" ).val( valorCredito );
			$( "#valorObjeto" ).val( '0' );
			
			calcularMonto();
			calcularCuotas();
			
			$( "#monto" ).val( parseInt( monto ) );
			$( "#cuota" ).val( parseInt( cuotas ) );
		}
		
	}
	
	
	function onLoad(){
		$( "#valorCredito" ).val( valorCredito );
		
		calcularMonto();
		
		calcularCuotas();
		
		$( "#monto" ).val( parseInt( monto ) );
		$( "#cuota" ).val( parseInt( cuotas ) );
		
	}
	
	
	$( "#valorCredito" ).change(
		function(){
			valorCredito = $(this).val();
			
			calcularMonto();
		
			calcularCuotas();
			
			$( "#monto" ).val( parseInt( monto ) );
			$( "#cuota" ).val( parseInt( cuotas ) );
		}
	);
	
	$( "#valorObjeto" ).change(
		function(){
			valorCredito = ($(this).val())*0.7;
			$( "#valorCredito" ).val( valorCredito );
			calcularMonto();
		
			calcularCuotas();
			
			$( "#monto" ).val( parseInt( monto ) );
			$( "#cuota" ).val( parseInt( cuotas ) );
		}
	);
	
	$(".tipoCreditoBtn").bind('click', seleccionarTipoCredito);
	
	onLoad();
});